<include file="Home/Public/Header" />
<link rel="stylesheet" href="__CSS__/login/common.css">
<link rel="stylesheet" type="text/css" href="__CSS__/global.css">
<link rel="stylesheet" type="text/css" href="__CSS__/global_new.css">
<link rel="stylesheet" href="__CSS__/login/loginReg.css">
<style type="text/css">
body {
	overflow-x: hidden;
}
</style>
</head>
<body>
<include file="Home/Member/LoginHead" />
<div class="regWrap regWrap1"> 
  <div class="regBody" style="background-image: url('__IMAGE__/regist/regBg.png');">
    <div class="w1190 userRegBox clearfix">
      <div class="regBox mRegBox clearfix"> 
        <!--动画Start-->
        <div class="bg-animation">
          <div class="qq-01">
            <div class="qq-01-box"><img src="__IMAGE__/regist/qq-01.png" width="76" height="110" alt=""></div>
          </div>
          <div class="qq-02">
            <div class="qq-02-box"><img src="__IMAGE__/regist/qq-02.png" width="50" height="74" alt=""></div>
          </div>
          <div class="mtl">
            <div class="mtl-con">
              <div class="mtl-zc mtl-zc-01"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-02"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-03"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-04"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-05"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-06"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-07"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <div class="mtl-zc mtl-zc-08"><img src="__IMAGE__/regist/mtl-zc.png" width="38" height="38" alt=""></div>
              <img src="__IMAGE__/regist/mtl-con.png" width="314" height="314" alt=""> </div>
          </div>
          <div class="xzmm">
            <div class="xzmm-t"> <img src="__IMAGE__/regist/xzmm-t.png" class="piece-t"> </div>
            <div class="xzmm-b"> <img src="__IMAGE__/regist/ma.png" class="piece ie-ma-01"> <img src="__IMAGE__/regist/ma.png" class="piece ie-ma-02"> <img src="__IMAGE__/regist/ma.png" class="piece ie-ma-03"> <img src="__IMAGE__/regist/ma.png" class="piece"> <img src="__IMAGE__/regist/ma.png" class="piece"> <img src="__IMAGE__/regist/ma.png" class="piece"> </div>
          </div>
        </div>
        <!--动画End-->
        <div class="regBoxLeft l">
          <div class="regMain">
            <form id="registerForm" method="post" action="{:U('Home/Member/Register')}" autocomplete="off">
              <input type="hidden" id="userid" name="user.userid">
              <input type="hidden" value="{$hash}" name="hash">
              <div class="loginTitle clearfix">
                <h1 class="l c3">用户注册</h1>
              </div>
              <div class="loginMain">
                <div class="comIptBox userIptBox">
                  <label for="" class="comIptIcon IptIconLeft"><i class="iptIconInner icon4"></i></label>
                  <input type="text" id="tel" name="user.tel" value="" class="comIpt loginUserIpt" data-error="请输入手机号" data-normal="请输入手机号" maxlength="11" valid="false" regexp="^1[34578][0-9]{9}$" regexp_desc="手机号码格式不正确，请重新输入" ajaxvalidate="tel" required>
                  <label for="" class="comIptIcon IptIconRight hide delIcon"><i class="iptIconInner icon4"></i></label>
                  <p class="placeholder">手机号码注册</p>
                  <em class="regDesc hide">请输入您的手机号</em> </div>
                <div class="checkCodeBox clearfix">
                  <div class="comIptBox comPureIptBox l" style="width:108px;">
                    <input type="text" id="checkCode_tel" name="checkCode_tel" class="pureIpt mCodeIdt" valid="false" data-error="请输入验证码" data-normal="按右图填写，不区分大小写" maxlength="4" ajaxvalidate="img_valid">
                    <p class="placeholder codePlaceholder">验证码</p>
                    <em class="regDesc hide">按右图填写，不区分大小写</em> </div>
                  <div class="codeImgBox l middle" style="margin-top:0px;"><img src="{:U('Home/Api/VerifyCode')}" onclick="this.src=this.src+'?'+Math.random()" width="90" height="45" class="codeImg middle" alt="请输入验证码"></div>
                  <span class="changeBox r">看不清? <a href="" class="changeOne">换一张</a></span> </div>
                <div class="mRegCode clearfix">
                  <div class="comIptBox mCode">
                    <label for="" class="comIptIcon IptIconLeft"><i class="iptIconInner icon5"></i></label>
                    <input type="text" id="validcode" name="user.verificationcode" ajaxvalidate="validcode" class="comIpt phoneCode" data-error="请输入手机验证码" data-normal="请输入手机验证码" maxlength="6">
                    <p class="placeholder">手机验证码</p>
                  </div>
                  <input type="button" value="获取短信验证码" class="getCode" id="getCode3" act="reg">
                  <div id="help"></div>
                </div>
                <div class="comIptBox">
                  <label for="" class="comIptIcon IptIconLeft"><i class="iptIconInner icon2"></i></label>
                  <input type="password" id="userPassword" name="user.userPassword" value="" class="comIpt loginPwdIpt" valid="false" maxlength="20" regexp="^(?![^a-zA-Z]+$)(?!\D+$).{6,20}$" regexp_desc="密码输入不符合规范，请重新输入！" data-error="请输入密码" data-normal="密码由6-20位字符组成，需同时包含字母和数字">
                  <p class="placeholder">请输入密码</p>
                  <em class="regDesc hide">密码由6-20位字符组成，需同时包含字母和数字</em> </div>
                <div class="comIptBox">
                  <label for="" class="comIptIcon IptIconLeft"><i class="iptIconInner icon2"></i></label>
                  <input type="password" class="comIpt loginPwdIpt" name="user.confirmuserPassword" valid="false" data_cmp1="true" data_cmp2="password" maxlength="20" regexp="^(?![^a-zA-Z]+$)(?!\D+$).{6,20}$" regexp_desc="密码输入不符合规范，请重新输入！" data-error="请输入确认密码" comp_desc="两次密码输入不一致，请重新输入" data-normal="密码由6-20位字符组成，需同时包含字母和数字" id="confirmPassword" compare="true" compareid="userPassword">
                  <p class="placeholder">再确认一次密码</p>
                  <em class="regDesc hide">密码由6-20位字符组成，需同时包含字母和数字</em> </div>
              </div>
              <a href="" class="regBtn" id="mRegBtn">同意并注册</a>
              <div class="regAgreement">
                <input type="checkbox" name="" id="" class="middle" checked="checked" onclick="return false;">
                <label for="" class="">我已阅读并同意<a href="" class="regAgreementLink" target="_blank">《游戏卖服务协议》</a></label>
              </div>
            </form>
          </div>
        </div>
        <div class="regBoxRight l">
          <h2>已有账号？</h2>
          <a href="login.html" class="rightLogBtn">立即登录</a>
        </div>
      </div>
    </div>
  </div>
</div>
<include file="Home/Public/footer" />
<div class="popUp">
  <div class="cClose iconfont"></div>
  <div class="popBox">
    <h1>{$agreement.title}</h1>
    <div class="popText">
      {$agreement.content|htmlspecialchars_decode=###}
    </div>
  </div>
</div>
<script type="text/javascript" src="__SCRIPT__/jquery-1.8.3.min.js"></script>
<script src="__PUBLIC__/Manage/js/jquery.form.min.js"></script>
<script type="text/javascript" src="__SCRIPT__/loginReg.js"></script>
<script>$(function(){$("#registerForm").validate({rules:{'user.tel':{required:true,rangelength:[11,11],digits:true},checkCode_tel:{required:true,rangelength:[4,4]},'user.verificationcode':{required:true},'user.userPassword':{required:true,rangelength:[6,20]},'user.confirmuserPassword':{required:true,rangelength:[6,20],equalTo:"#userPassword"}},messages:{'user.tel':{required:"",rangelength:"",digits:""},checkCode_tel:{required:"",rangelength:""},'user.verificationcode':{required:""},'user.userPassword':{required:"",rangelength:""},'user.confirmuserPassword':{required:"",rangelength:"",equalTo:"密码不一样"}}})});</script>
</body>
</html>